<template>
    <div>
      <div class="bg">
        <p style="color: blue;text-align: center;font-size: 20px">订单物流详情</p>
        <hr>
        <h2>当前物流状态：<span style="color: blue">{{deliverData.logisticsStatusDesc}}</span></h2>

        <p style="margin-top: 20px;font-size: 20px;color: #2d8cf0">物流动态</p>
        <ul>
          <li v-for="item in deliverData.logisticsTraceDetailList" style="margin-top: 10px">
              <p>{{item.time}}</p>
              <p style="margin-top: 5px;">{{item.desc}}</p>
            <hr/>
          </li>
        </ul>
      </div>

    </div>
</template>

<script>
    export default {
        name: "deliver_info",
        data(){
          return {
            deliverData:{}
          }
        },
        created() {
          let id = this.$route.query.id;
          this.doRequest.get('/order_info?id='+id).then(ret=>{
            this.deliverData = ret.data.deliver_info;
          })
        },
    }
</script>

<style scoped>
  .bg{
    width: 95%;
    margin: 20px auto;
    min-height: 1200px;
    background-color: #fff;
    padding: 10px;
  }
</style>
